<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>易买网</title>
        <link rel="stylesheet" type="text/css" href="./css/style.css">
    </head>

    <body>
        <!--头部-->
        <div id="header" class="wrap">
            <!-- 导航栏信息 -->
            <div id="logo">
                <img src="./images/logo.gif">
            </div>
            <div class="help">
                <a href="javascript:checkLogin()" class="shopping">购物车</a>
                <a href="login.jsp">登录</a>
                <a href="register.jsp">注册</a>
                <a href="javascript:checkLogin()">留言板</a>
                <form action="productServlet" method="post">
                    <input type="text" name="product"><!-- autocomplete="off" -->
                    <input type="hidden" name="oper" value="search">
                    <input type="submit" value="搜索">
                </form>
            </div>

            <div class="navbar">
                <ul class="clearfix">
                    <li class="current"><a href="index">首页</a></li>

                    <li>
                        <a href="productServlet?oper=productType&id=1">服饰</a>
                    </li>

                    <li>
                        <a href="productServlet?oper=productType&id=2">数码</a>
                    </li>

                    <li>
                        <a href="productServlet?oper=productType&id=3">美食</a>
                    </li>

                    <li>
                        <a href="productServlet?oper=productType&id=4">家电</a>
                    </li>

                </ul>
            </div>

            <div id="childNav">
                <div class="wrap">
                    <ul class="clearfix">
                        <li class="first">
                            <a href="http://www.yjxxt.com/">音乐</a>
                        </li>
                        <li>
                            <a href="http://www.baidu.com/">影视</a>
                        </li>
                        <li>
                            <a href="index">少儿</a>
                        </li>
                        <li>
                            <a href="index">运动鞋</a>
                        </li>
                        <li>
                            <a href="index">美容护肤</a>
                        </li>
                        <li>
                            <a href="index">家纺用品</a>
                        </li>
                        <li>
                            <a href="index">婴幼奶粉</a>
                        </li>
                        <li class="last">
                            <a href="index">饰品</a>
                        </li>
                    </ul>
                </div>
            </div>

            <script type="text/javascript">
                function checkLogin() {
                    if ('' == '') {
                        alert("请先登录");
                    } else {
                        window.laction.href = "shopping?oper=list";
                    }
                }

                function logout() {
                    if (confirm('您确定要退出系统吗 ? ')) {
                        window.location.href = "userServlet?oper=logout";
                    }
                }
            </script>

        </div>

        <div id="main" class="wrap">
            <!--左侧分类-->
            <div class="lefter">
                <!-- 商品分类信息栏 -->
                <div class="box">
                    <h2>商品分类</h2>
                    <dl>
                        <dt>服饰</dt>
                        <dd>
                            <a href="productServlet?oper=smallType&id=6">连衣裙</a>
                        </dd>
                        <dd>
                            <a href="productServlet?oper=smallType&id=7">男士西装</a>
                        </dd>
                        <dd>
                            <a href="productServlet?oper=smallType&id=8">牛仔裤</a>
                        </dd>
                        <dt>数码</dt>
                        <dd>
                            <a href="productServlet?oper=smallType&id=9">相机</a>
                        </dd>
                        <dd>
                            <a href="productServlet?oper=smallType&id=29">音箱</a>
                        </dd>
                        <dd>
                            <a href="productServlet?oper=smallType&id=30">MP3/MP4</a>
                        </dd>
                        <dt>美食</dt>
                        <dd>
                            <a href="productServlet?oper=smallType&id=31">进口食品</a>
                        </dd>
                        <dd>
                            <a href="productServlet?oper=smallType&id=32">地方特产</a>
                        </dd>

                        <dd>
                            <a href="productServlet?oper=smallType&id=33">休闲食品</a>
                        </dd>


                        <dt>家电</dt>

                        <dd>
                            <a href="productServlet?oper=smallType&id=34">平板电视</a>
                        </dd>

                        <dd>
                            <a href="productServlet?oper=smallType&id=35">洗衣机</a>
                        </dd>

                        <dd>
                            <a href="productServlet?oper=smallType&id=36">冰箱</a>
                        </dd>


                    </dl>
                </div>

                <div class="last-view">
                    <h2>最近浏览</h2>
                    <dl class="clearfix">
                        <dt>
                            <a href="productServlet?oper=addCard&amp;productId=21"><img src="images/product/15.jpg" class="imgs" style="height: 50px;width: 50px;"></a>
                        </dt>
                        <dd>
                            <a href="productServlet?oper=addCard&amp;productId=21">货到付款Mr.TA 西服 </a>
                        </dd>
                    </dl>
                    <dl class="clearfix">
                        <dt>
                            <a href="productServlet?oper=addCard&amp;productId=21"><img src="images/product/15.jpg" class="imgs" style="height: 50px;width: 50px;"></a>
                        </dt>
                        <dd>
                            <a href="productServlet?oper=addCard&amp;productId=21">货到付款Mr.TA 西服 </a>
                        </dd>
                    </dl>
                </div>


            </div>

            <!--  特价商品&热门&新闻&公告 -->
            <div class="main">
                <!--首页商品信息列表-->
                <div class="price-off">
                    <h2>今日特价</h2>
                    <ul class="product clearfix">

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=21"><img
                                            src="./images/product/15.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=21">货到付款Mr.TA 西服
                                        "</a>
                                </dd>
                                <dd class="price">￥468</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=25"><img
                                            src="./images/product/16.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=25">经典百搭腰肩花边美观又时尚新款连衣裙
                                        "</a>
                                </dd>
                                <dd class="price">￥168</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=26"><img
                                            src="./images/product/17.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=26">蒲洛妃2014春季新款女装
                                        "</a>
                                </dd>
                                <dd class="price">￥139</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=27"><img
                                            src="./images/product/18.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=27">2014春夏品质女装新款圆领桑蚕丝连衣裙"</a>
                                </dd>
                                <dd class="price">￥169</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=38"><img
                                            src="./images/product/19.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=38">佳能（Canon） EOS
                                        600D 单反套机"</a>
                                </dd>
                                <dd class="price">￥3599</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=39"><img
                                            src="./images/product/20.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=39">尼康（Nikon） D3200
                                        单反相机套机"</a>
                                </dd>
                                <dd class="price">￥6099</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=40"><img
                                            src="./images/product/21.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=40">佳能（Canon） EOS
                                        5D Mark III 单反机身"</a>
                                </dd>
                                <dd class="price">￥22988</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=20"><img
                                            src="./images/product/14.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=20">领般【新品】男士西服套装
                                        "</a>
                                </dd>
                                <dd class="price">￥318</dd>
                            </dl>
                        </li>

                    </ul>
                </div>
                <div class="side">
                    <!--公告列表-->
                    <div class="news-list">
                        <h4>最新公告</h4>
                        <ul>

                            <li><a href="noticeServlet?noticeId=1">公告一</a></li>

                            <li><a href="noticeServlet?noticeId=2">公告二</a></li>

                            <li><a href="noticeServlet?noticeId=3">公告三</a></li>

                            <li><a href="noticeServlet?noticeId=4">公告四</a></li>

                            <li><a href="noticeServlet?noticeId=5">公告五</a></li>

                            <li><a href="noticeServlet?noticeId=6">公告六</a></li>

                            <li><a href="noticeServlet?noticeId=7">公告七</a></li>

                        </ul>
                    </div>
                    <div class="spacer "></div>
                    <!--新闻列表-->
                    <div class="news-list">
                        <h4>新闻动态</h4>
                        <ul>

                            <li><a href="newsServlet?newsId=1">新闻一</a></li>

                            <li><a href="newsServlet?newsId=2">新闻二</a></li>

                            <li><a href="newsServlet?newsId=3">新闻三</a></li>

                            <li><a href="newsServlet?newsId=4">新闻四</a></li>

                            <li><a href="newsServlet?newsId=5">新闻五</a></li>

                            <li><a href="newsServlet?newsId=6">新闻六</a></li>

                            <li><a href="newsServlet?newsId=7">新闻七</a></li>

                        </ul>
                    </div>
                </div>
                <div class="spacer clear"></div>
                <!--推荐商品列表-->
                <div>
                    <h2>热卖推荐</h2>
                    <ul class="product clearfix">

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=8"><img
                                            src="./images/product/5.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=8">乐库优2014春装新款中腰蓝色刺绣修身"/&gt;</a>
                                </dd>
                                <dd class="price">￥78</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=9"><img
                                            src="./images/product/6.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=9">缪佳
                                        春装新款2014女士牛仔裤女小脚"/&gt;</a>
                                </dd>
                                <dd class="price">￥99</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=10"><img
                                            src="./images/product/7.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=10">2014春装新款
                                        韩版修身显瘦小脚裤休"/&gt;</a>
                                </dd>
                                <dd class="price">￥79</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=14"><img
                                            src="./images/product/8.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=14">名驭
                                        牛仔裤女小脚裤韩版潮2014春装"/&gt;</a>
                                </dd>
                                <dd class="price">￥79</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=15"><img
                                            src="./images/product/9.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=15">皮尔卡丹 男士牛仔裤 男 直筒
                                        春夏新品 "/&gt;</a>
                                </dd>
                                <dd class="price">￥199</dd>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <a href="productServlet?oper=addCard&productId=16"><img
                                            src="./images/product/10.jpg"></a>
                                </dt>
                                <dd class="title">
                                    <a href="productServlet?oper=addCard&productId=16">Le
                                        hondies2014男士白色牛仔裤韩版"/&gt;</a>
                                </dd>
                                <dd class="price">￥129</dd>
                            </dl>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="clear"></div>
        </div>

        <div id="footer">
            Copyright ©2019 XXX公司的 All rights reserved.
        </div>

    </body>
</html>